<template>

    <div id='tem'>
        <div class="title">
            <h4 v-text="info.title">标题</h4>
            <p>{{info.add_time |date("YYYY-MM-DD")}}{{info.click}}次浏览</p>
        </div>
        <div id="content" v-html="info.content">

        </div>

        <comment :id="id">{{id}}</comment>
    </div>

</template>


<script>
    import { Toast } from 'mint-ui';
    import common from '../../kits/common.js';
    import comment from '../subcom/comment.vue';
  export default{
      components:{
          comment
      },
      data(){
          return{
              id:0,
              info:{
//                  'id': 13,
//                  'title': "1季度多家房企利润跌幅超50% 去库存促销战打响",
//                  'click': 1,
//                  'add_time': "2015-04-16T03:50:28.000Z",
//                  'content': "房企一季度销售业绩已经陆续公布，克而瑞研究中心统计数据显示，今年一季度，TOP20的房企仅6家实现业绩同比增长。 "
              }
          }
      },
        created(){
            this.id=this.$route.params.id;
            this.getinfo();
        },
      methods:{
          getinfo(){
              var url=common.apidomain+'/api/getnew/'+this.id;
              this.$http.get(url).then(function(res){
                  var body=res.body;
                  if(body.status!=0){
                      Toast(body.message);
                      return;
                  }
                  this.info=body.message[0];
              }
              )
          }
      }
  }
</script>

<style scoped>
   .title h4{
        color:#0094ff;
    }
  .title p{
      color:rgba(0,0,0,.5)
  }
    .title,#content{
        padding: 5px;
    }
</style>